import React, { useEffect } from 'react'
import { SpinLoading } from 'antd-mobile'
import { Flex } from 'antd';

import styles from './index.module.css'

function PageLoading() {
    const boxStyle = {
        width: '100vw', height: '100vh',
    };


    //[]空数组相当于componentDidMount
    useEffect(() => {

        //返回的函数相当于unmountComponentAtNode
        return () => {

        }
    }, []);

    return (<Flex justify='center' align='center' style={boxStyle}>
        <SpinLoading color='primary' style={{ '--size': '48px' }} />
    </Flex>)
}


export default PageLoading

